// 引入 createApp
import { createApp } from "vue";

// 引入 store
import store from "@/store";

// 引入 App.vue
import App from "./App.vue";

// 引入 Normalize.css
import "normalize.css";
// 引入 全局样式
import "./assets/global.scss";

// 创建应用
const app = createApp(App);
// 注册 store
app.use(store);
// 挂载应用
app.mount("#app");

/**
 * app.use(router) 注册使用路由之后，有什么效果
 *
 * 1. 全局注册了 RouterLink 组件
 * 2. 全局注册了 RouterView 组件
 * 3. 全局写入了 $router 属性
 * 4. 全局写入了 $route  属性
 *
 * app.use(store) 注册使用Vuex之后，有什么效果
 *
 * 1. 全局写入了 $store 属性，该属性就是 store 的实例对象
 *    commit()    提交 mutation 的
 *    dispatch()  派发 action 的
 *
 *    state       仓库的 state 数据
 *    getters     仓库的 getters 数据
 */
